/**
 * YuTian stylesheet file
 *
 * @author: Dai Zhen <daizhen@123.com.cn>
 * @scene: 雨甜医疗
 * @copyright: null
 */

/* ================================================================================= */
/* 移动端 样式 */
/* mobile style */
/* ================================================================================= */


/* 小于880px的自适应样式 */
@media screen and (max-width: 880px) {

	html,
	body {
		margin-left: auto;
		margin-right: auto;
		min-width: unset;
		max-width: 750px;
	}

	.home {
		min-width: unset;
	}

	.nav_btn {
		position: fixed;
		top: 5px;
		left: 28px;
		z-index: 98;
		width: 50px;
		height: 50px;
		transition: all 0.3s;
	}

	.openhf .nav_btn {
		top: 55px;
	}

	.nav_btn a {
		position: relative;
		display: block;
		height: 100%;
	}

	.nav_btn a::before,
	.nav_btn a::after {
		content: "";
		position: absolute;
		left: 10px;
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 3px;
		transition: all 0.3s;
	}

	.page_top_fix.fixed .nav_btn a::before,
	.page_top_fix.fixed .nav_btn a::after {
		background-color: #000;
	}

	.page_top_fix .nav_btn a::before,
	.page_top_fix .nav_btn a::after,
	.page_top_fix.openhf .nav_btn a::before,
	.page_top_fix.openhf .nav_btn a::after {
		background-color: #FFF;
	}

	.nav_btn a::before {
		top: 17px;
	}

	.openhf .nav_btn a::before {
		top: 24px;
		transform: rotate(45deg);
	}

	.nav_btn a::after {
		bottom: 17px;
	}

	.openhf .nav_btn a::after {
		bottom: 23px;
		transform: rotate(-45deg);
	}

	.common_width {
		width: 690px;
	}

	.page_top_fix {
		height: 60px;
	}

	.page_top_fix .common_width {
		padding: 15px 0;
	}

	.page_top_fix .logo {
		position: relative;
		top: 0px;
		z-index: 11;
		float: unset;
		height: 30px;
		transition: all 0.3s;
	}

	.openhf.page_top_fix .logo {
		top: 50px;
	}

	.page_top_fix .logo .img {
		margin: 0 auto;
	}

	.list_nav {
		position: fixed;
		top: 0;
		left: -111%;
		bottom: 0;
		z-index: 9;
		width: 100%;
		min-height: 100vh;
		box-sizing: border-box;
		overflow-y: auto;
		float: unset;
		padding: 120px 8% 20px;
		background: #000;
		transition: all 0.3s;
	}

	.openhf .list_nav {
		left: 0;
	}

	.list_nav li {
		margin-top: 10px;
		margin-left: unset;
		display: block;
		float: unset;
		height: auto;
		color: #FFF;
	}

	.list_nav li.serach {
		display: none;
	}

	.list_nav li a {
		padding: 0 5px;
		border-bottom: 1px solid #474747;
	}
	.list_nav li.more::before{
		content: "";
		position: absolute;
		top: 8px;
		right: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: url(../img/icon-arrow.png) no-repeat center center;
		background-size: 60% auto;
		transition: all 0.3s;
	}
	.list_nav li.more.open::before{
		transform: rotate(-180deg);
	}
	.list_nav .items{
		position: relative;
		padding-top: 0;
		color: #FFF;
	}
	.list_nav .open .items{
		max-height: 300px;
	}
	.list_nav .items li{
		margin-top: 8px;
	}
	.list_nav .items a{
		padding: 0 10px;
		width: 100%;
		background-color: transparent;
		border-bottom: unset;
		text-align: left;
		line-height: 36px;
	}

	/* 底部 */
	.page_foot {
		padding: 30px 0;
	}

	.page_foot .foot_info {
		float: unset;
		max-width: unset;
	}

	.foot_info .h6 {
		position: relative;
		line-height: 2;
	}

	.foot_info .h6::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -12px;
		display: block;
		width: 24px;
		height: 24px;
		background: url(../img/icon-arrow.png) no-repeat center center;
		background-size: 60%;
		transition: all 0.3s;
	}

	.foot_info .foot_box.open .h6::before {
		transform: rotate(-180deg);
	}

	.page_foot .foot_box {
		float: unset;
		min-width: 100%;
	}

	.page_foot .foot_box.foot_3 {
		float: unset;
	}

	.page_foot .foot_box.foot_3 .h6 {
		text-align: center;
		font-size: 14px;
		color: #999;
	}

	.page_foot .qrcode {
		margin-top: 10px;
		text-align: center;
	}

	.list_foot {
		max-height: 0;
		min-height: unset;
		overflow: hidden;
		transition: all 0.3s;
	}

	.list_foot li {
		margin: 0 0 12px;
	}

	.foot_box.open .list_foot {
		max-height: 800px;
	}

	.page_foot.copyright {
		padding: 20px 0;
	}

	.copyright p {
		padding: 6px 15px;
	}

	.module_banner {
		height: 240px;
	}

	.module_banner .swiper-button-next,
	.module_banner .swiper-button-prev {
		display: none;
	}

	.module_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 3px;
	}

	.module_banner .swiper-pagination-bullet {
		width: 12px;
		border-radius: 2px;
	}

	.module_title .h4 {
		font-size: 24px;
	}

	.module_title .p {
		font-size: 16px
	}

	.module_more a {
		padding: 0 40px;
		line-height: 40px;
		color: #FFF;
		border-color: #319F97;
		background-color: #319F97;
	}

	.module_news {
		padding: 40px 0;
	}

	.module_news .list_news {
		margin: 10px 0 20px;
	}

	.list_news li {
		margin-top: 20px;
		margin-left: 0;
		width: 100%;
		height: auto;
	}

	.list_news li .text {
		padding: 15px 0 20px;
	}

	.module_product {
		padding: 45px 0;
	}

	.module_product .module_title {
		float: unset;
		text-align: center;
	}

	.module_product .list_proname {
		display: none;
		margin-top: 20px;
		float: unset;
		font-size: 14px;
	}

	.module_product .list_proname li {
		margin-left: unset;
		width: 25%;
		line-height: 1.5;
		box-sizing: border-box;
	}

	.module_product .list_proname li a {
		padding: 5px;
	}

	.module_product .product_cont {
		margin-top: 20px;
		height: unset;
	}

	.module_product .product_box {
		margin-top: 10px;
		position: unset;
		height: unset;
		opacity: 1;
	}

	.module_product .img,
	.module_product .text {
		float: unset;
		width: unset;
	}

	.module_product .img {
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s;
	}

	.module_product .opac .img {
		max-height: 666px;
	}

	.module_product .text {
		padding: 15px 20px;
		color: #333;
		background-color: #FFF;
		transition: all 0.3s;
	}

	.module_product .opac .text {
		padding-bottom: 70px;
		color: #FFF;
		background-color: #319F97;
	}

	.module_product .info {
		margin-top: 0px;
		-webkit-line-clamp: 3;
		left: 1.4;
		max-height: 0;
		transition: all 0.3s;
	}

	.module_product .opac .info {
		margin-top: 10px;
		max-height: 666px;
	}

	.module_product .name {
		z-index: 1;
		padding-bottom: 0;
		text-align: left;
	}

	.module_product .opac .name {
		padding-bottom: 18px;
		text-align: center;
	}

	.module_product .name::after {
		opacity: 0;
	}

	.module_product .opac .name::after {
		opacity: 1;
	}

	.module_product .module_more_1 {
		bottom: 20px;
		z-index: 0;
		width: 50%;
		line-height: 32px;
		display: none;
	}

	.module_product .opac .module_more_1 {
		display: block;
	}

	.module_advantage {
		padding: 40px 0;
	}

	.module_advantage .list_adv {
		margin-top: 20px;
	}

	.module_advantage .list_adv li {
		width: 50%;
	}

	.module_advantage .name {
		opacity: 0;
	}

	.module_advantage .module_more_1 {
		opacity: 1;
		line-height: 30px;
	}

	.module_advantage .list_adv .text {
		height: 70px;
	}

	.module_advantage .list_adv .img {
		height: 62.1vw;
	}

	.module_honor {
		padding: 40px 0;
		background-size: 100% 40%;
	}

	.module_honor .common_width {
		margin-top: 25px;
	}

	.module_honor .slide_box {
		padding: 15px 10px;
	}

	.module_honor .swiper-button-next {
		display: none;
	}

	.banner_item img {
		height: 51.8vw;
	}

	.banner_item .common_width .h4 {
		font-size: 36px;
	}

	.banner_item .common_width .p {
		font-size: 20px;
	}

	.module_title_1 .title_box {
		padding-left: 30px;
		padding-right: 30px;
	}

	.module_title_1 .h6 {
		padding: 0 15px;
		font-size: 30px;
	}

	.module_title_1 .p {
		font-size: 20px;
	}

	.module_title_2 .h6 {
		font-size: 36px;
	}

	.module_title_4 {
		line-height: 1.1;
	}

	.module_title_4 .h6 {
		font-size: 32px;
	}

	.module_title_4 .msg1 {
		font-size: 20px;
	}

	.about_box .context .text {
		margin-top: 30px;
		text-align: justify;
	}

	.about_kd .article {
		margin-top: 30px;
	}

	.wrap_advertises {
		padding: 35px 0 20px;
	}

	.wrap_advertises .module_title_4 {
		margin-top: 30px;
	}

	.wrap_advertises .item_mix {
		margin: 30px 0;
		height: unset;
	}

	.wrap_advertises .item_mix .img {
		width: 100%;
		float: unset;
	}

	.wrap_advertises .item_mix .text {
		width: 100%;
		float: unset;
		padding-top: 0;
		padding-bottom: 60px;
	}

	.wrap_advertises .item_mix .solt {
		display: inline-block;
		line-height: 1;
		font-size: 52px;
	}

	.wrap_advertises .item_mix .name {
		display: inline-block;
	}

	.wrap_advertises .list_occupation {
		margin-top: 40px;
	}

	.list_occupation .name {
		height: 50px;
		line-height: 50px;
	}

	.list_occupation .name i {
		right: 0;
	}

	.list_occupation .side {
		float: unset;
		width: unset;
		padding: 20px 0 0;
	}

	.list_occupation .side:last-child {
		padding-bottom: 30px;
	}

	.list_occupation .side .p1 {
		margin-bottom: 15px;
	}

	.list_occupation .side .p1 span {
		line-height: 40px;
	}

	.list_occupation .side .p2 {
		line-height: 1.7;
	}

	.list_develop .text,
	.list_develop .img {
		width: 100%;
	}

	.list_develop .img {
		padding: 0 0 0 10%;
	}

	.list_develop .img img {
		max-width: 98%;
		width: auto;
	}

	.list_develop .text,
	.list_develop .item:nth-child(2n-1) .text {
		margin-bottom: 20px;
		padding: 6px 0 1px 10%;
	}

	.list_develop .item:first-child {
		height: 30px;
	}

	.list_develop .item:first-child i {
		margin-left: -7px;
		width: 13px;
		height: 13px;
	}

	.list_develop .item:last-child {
		height: 20px;
	}

	.list_develop .text::before,
	.list_develop .item:nth-child(2n-1) .text::before {
		top: 28px;
		left: 4%;
		right: unset;
		margin-left: -7px;
		margin-right: unset;
		width: 13px;
		height: 13px;
	}

	.list_develop .item:first-child i,
	.list_develop .item:last-child i,
	.list_develop .item::before,
	.list_develop .item:nth-child(2n-1) .text::before {
		left: 4%;
	}

	.list_develop .item::before {
		width: 1px;
	}

	.list_develop .item:nth-child(2n-1) .img,
	.list_develop .item:nth-child(2n-1) .text {
		float: unset;
		text-align: left;
	}

	.list_develop .text::after {
		display: none;
	}

	.list_develop .text .year {
		font-size: 30px;
	}

	.list_develop .text .info {
		margin-top: 1px;
		padding-bottom: 15px;
		font-size: 16px;
		border-bottom: 1px solid #999;
	}

	.develop_now {
		font-size: 16px;
		text-align: left;
	}

	.develop_pro {
		padding: 10px 0 40px;
	}

	.develop_pro .img,
	.develop_pro.bg_gray .img {
		width: 100%;
		float: unset;
	}

	.develop_pro .img img {
		width: 69%;
	}

	.develop_pro .text {
		margin: 0;
		margin-top: -40px;
		padding-top: 0;
		width: 100%;
		float: unset;
	}

	.develop_pro .info {
		line-height: 1.7;
	}

	.develop_zj {
		padding: 40px 0;
	}

	.list_zj .item,
	.list_zj .item:nth-child(2n) {
		margin-top: 20px;
		flex-direction: column;
	}

	.list_zj .text {
		padding: 15px 4% 20px;
		width: 100%;
		line-height: 1.7;
		font-size: 18px;
	}

	.list_zj .text p {
		margin-top: 6px;
	}

	.list_zj .img {
		width: 100%;
	}

	.wrap_link .list_link,
	.wrap_link .form_fk {
		margin-top: 30px;
		float: unset;
		width: 100%;
		line-height: 1.6;
	}


	.wrap_link .common_width {
		padding-top: 0;
	}

	.list_link .item {
		margin-top: 10px;
		padding: 0;
	}

	.list_link .item .name {
		font-size: 18px;
	}

	.list_link .info {
		margin-top: 0;
	}

	.form_fk .print {
		margin-top: 15px;
	}

	.form_fk .clearfix .input,
	.form_fk .clearfix .input:first-child,
	.form_fk .clearfix .input:last-child {
		margin-top: 15px;
		width: unset;
		float: unset;
	}

	.form_fk .input input {
		padding: 15px 0;
	}

	.form_fk .submit {
		margin-top: 30px;
		text-align: center;
	}

	.form_fk .submit button {
		width: 160px;
		line-height: 2;
	}

	.news_context .module_title_3 {
		padding-bottom: 30px;
		text-align: left;
	}

	.news_context .article {
		line-height: 1.75;
	}

	.module_title_3 .h6 {
		font-size: 24px;
	}

	.module_title_3 .p {
		margin-top: 20px;
	}

	.wrap_news .list_news {
		margin-top: 20px;
	}

	.list_news .item {
		position: relative;
		margin: 0;
		float: unset;
		width: unset;
		height: 35.2vw;
		overflow: hidden;
		box-sizing: border-box;
		border-bottom: 1px solid #EEE;
	}

	.list_news .msg {
		position: absolute;
		bottom: 0;
		padding-bottom: 14px;
	}

	.list_news .item .text {
		padding-bottom: 25px;
		float: left;
		width: 53vw;
	}

	.list_news .h6 {
		margin-top: -3px;
		padding: 0;
	}

	.list_news .item .img {
		float: right;
		width: 37vw;
		height: 100%;
	}

	.list_news .item .img img {
		height: 100%;
	}

	.list_news .p {
		margin-top: 5px;
		padding: 0;
		border: unset;
		-webkit-line-clamp: 2;
		font-size: 14px;
		line-height: 1.5;
	}

	.page_num {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.page_num li {
		margin-top: 10px;
	}

	.wrap_special {
		padding: 35px 0 30px;
		font-size: 16px;
	}

	.wrap_special .h6 {
		font-size: 24px;
	}

	.list_spec .item {
		margin-top: 10px;
	}

	.list_spec .item p {
		line-height: 1.875;
	}

	.wrap_proinfo .article {
		font-size: 16px;
		line-height: 1.8;
	}

	.list_spec.addnum .item {
		padding-left: 40px;
	}

	.list_spec .item .num {
		width: 40px;
		margin-left: -40px;
	}

	.list_spec .name {
		font-size: 20px;
		padding-bottom: 0;
	}

	.wrap_eg {
		padding-bottom: 30px;
	}

	.wrap_eg .eg {
		padding-top: 30px;
	}

	.wrap_eg .eg h4 {
		font-size: 20px;
	}

	.wrap_eg .eg .img {
		margin-top: 20px;
	}

	.wrap_eg .eg .img img {
		width: 100%;
	}

	.produce.banner_item .common_width .h4 {
		font-size: 30px;
	}

	.wrap_pro {
		padding: 40px 0;
	}

	.item_product {
		padding: 30px 0;
	}

	.wrap_pro .module_title_1 {
		margin-bottom: 30px;
	}

	.item_product .img,
	.item_product.bg_white .img,
	.item_product .text,
	.item_product.bg_white .text {
		width: 100%;
		float: unset;
		text-align: left;
	}

	.item_product .text,
	.item_product.bg_white .text {
		text-align: center;
	}

	.item_product .text .p {
		text-align: left;
	}

	.item_product .img img {
		max-width: 100%;
		width: 100%;
	}

	.item_product .text .h6,
	.item_product.bg_white .text .h6 {
		margin-top: 20px;
		font-size: 20px;
	}

	.item_product .text .link {
		margin: 16px auto 0;
		width: 120px;
		height: 36px;
		line-height: 36px;
	}

	.item_product.bg_white .text .link {
		width: 152px;
	}

	.wrap_shop {
		padding: 40px 0;
	}

	.wrap_shop .form {
		margin-top: 30px;
	}

	.wrap_shop .common_width {
		padding-top: 30px;
		width: 92%;
	}
}




















/* 小于750px的自适应样式 */
@media screen and (max-width: 750px) {

	html,
	body {
		min-width: 100%;
	}

	.common_width {
		width: 92%;
	}
}
